@import "../../../../less/rockcent";


.component-carousel{
  position: relative;
  overflow: hidden;
  width: 100vm;
  .carousel-inner{
    position: relative;
    left: 0;
    transition: left 1s;
    .slider-item{
      position: relative;
      display: inline-block;
      transition: left 1s;
      left: 0;
      &.active{
      }
      img{
        width: 100vw;
        display: block;
      }
    }
  }

  .no-flex{
    position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 999;
    .carousel-indicators{
      flex-direction: row;
      display: flex;
      justify-content: center;
      li{
        display: block;
        background: white;
        border-radius: 50% 50%;
        width: 8px;
        height: 8px;
        margin: 0 2px;
        &.active{
          background: red;
        }
      }
    }
  }
}